<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 创建map实例 升级版的对象
        let m = new Map()
        // 向m对象中添加key-value 
        m.set('name', 'chenjiaxin')
        m.set('change', function () {
            console.log('我可以添加函数');
        })

        let key = {
            school: 'B站'
        }
        // 对象同样可以当做key键
        m.set(key, ['北京', '上海', '家里蹲'])
        // console.log(m);

        // Map 创建的对象实例可以进行: set增 delete删 get获取 clear清空 size长度
        // console.log(m.size);
        // console.log(m.delete('name'));
        // console.log(m.get('change'));
        // console.log(m.get(key));
        //    m.clear()
        //    console.log(m);

        // 可以遍历
        for (let value of m) {
            console.log(value);
        }
    </script>
</body>

</html>